<template>
    <section>
      <div class="nav_options">
        <div class="nav_option"  :class="{nav_option_active:isActive == 1}" @click="isActive=1">
          <span>运维计划</span>
        </div>
        <div class="nav_option"  :class="{nav_option_active:isActive == 2}" @click="isActive=2">
          <span>运维任务</span>
        </div>
        
      </div>
      <!-- 运维计划 -->
      <ywjhyunweijihua v-if="isActive==1"></ywjhyunweijihua>
      <!-- 运维任务 -->
      <ywjhyunweirenwu v-if="isActive==2"></ywjhyunweirenwu>
   
    </section>  
  </template>
  
  <script>
  import ywjhyunweijihua from './ywjh_yunweijihua'//运维计划
  import ywjhyunweirenwu from './ywjh_yunweirenwu'//运维任务
  export default {
    data(){
      return{
        isActive:1
      }
    },
    methods:{
  
    },
    mounted(){
          
    },
    // watch:{
    //     if(this.$route.query.isActive){
    //            this.isActive = this.$route.query.isActive
    //       }
    // },
    components:{
      ywjhyunweijihua,
      ywjhyunweirenwu
    }
  }
  </script>
  
  <style scoped>
    .pay_contant{
      padding:0 40px;
    }
  </style>